<script setup>
import {ref} from "vue"
const list = ref([
  {
    title: '整体盘盈',
    value: '￥0.00'
  },
  {
    title: '销售盘盈',
    value: '￥0.00'
  },
  {
    title: '成本盘盈',
    value: '￥0.00'
  },
  {
    title: '整体盘亏',
    value: '￥0.00'
  },
  {
    title: '销售盘亏',
    value: '￥0.00'
  },
  {
    title: '成本盘亏',
    value: '￥0.00'
  },
  {
    title: '备注信息',
    value: '备注备注'
  },
])
</script>

<template>
  <div class="w-full padding backgroundColor roundCorner">
    <div class="elasticity">
      <div class="fontSize1">RK103</div>
      <div class="fontSize2">2054-05-02 14:51</div>
    </div>
    <van-divider />
    <div class="marginTop elasticity">
      <div class="text-center overflow-hidden w-[70px]">
        <div class="font-bold rate">总部仓库</div>
        <div class="fontSize2">盘点地</div>
      </div>
      <div class="text-center w-[50px]">
        <div class="font-bold text-[14px] text-[#1ECD84]">待审核</div>
      </div>
    </div>
    <div class="w-full marginTop padding roundCorner bg-[#f8f9fb] elasticity">
      <van-image
          width="60"
          height="60"
          src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg"
      />
      <div class="ml-[10px] w-[calc(100%-70px)] elasticity flex-col">
        <div class="text-[12px] font-bold rate">得力CPD398型打印机文字可哈哈好好哈哈哈哈</div>
        <div class="fontSize2 mt-[5px] rate">DYJ</div>
        <div class="w-full mt-[10px] flex justify-start">
          <div class="text-[14px]">盘亏: </div>
          <div class="text-[14px] text-[#FF4000]">￥-454.00</div>
        </div>
      </div>
    </div>
    <div class="marginTop">
      <van-cell-group>
        <van-cell v-for="(item, index) in list" :key="index" :title="item.title" :value="item.value" />
      </van-cell-group>
    </div>
  </div>
</template>

<style scoped>

</style>